<template> 
	<view>
		<!-- 数据列表 -->
		<view class="goods-list single-column">
			<view class="goods-item margin-bottom" v-for="(item, index) in orderList" :key="index">
				<u-card>
					<view class="item-box">
						<view @click="toDetail(item)">
							<view style="padding-top: 10rpx;">
								<u-row gutter="0">
									<u-col span="8">
										<text class="name" style="font-weight: bold;">订单号:{{ item.waybill_sn }}</text>
									</u-col>
									<u-col span="4">
										<text class="name">运单等级：{{ getLevel(item)}}</text>
									</u-col>
								</u-row>
							</view>
							<view class="bottom-line">
								<view class="line"></view>
							</view>
							<view class="type-box">
								<u-row gutter="0">
									<u-col span="6">
										<text class="name">总运费：{{ item.all_order_amount }}</text>
									</u-col>
									<u-col span="6">
										<text class="name">目的城市：{{ getDestinationCity(item) }}</text>
									</u-col>
								</u-row>
								<u-row gutter="0">
									<u-col span="6">
										<text class="name">收货人：{{ item.take_username }}</text>
									</u-col>
									<u-col span="6">
										<text class="name">收货电话：{{ item.take_mobile }}</text>
									</u-col>
								</u-row>
								<!-- <u-row gutter="0">
									<u-col span="12">
										<view class="goods-box" v-for="(good ,index) in item.goods" :key="index">
											<view class="good-item"> <text class="name">货物名称：</text> <text
													class="value">{{ good.goods_name }}</text> </view>
											<view class="good-item"> <text class="name">包装：</text> <text
													class="value">{{ good.goods_pack }}</text></view>
											<view class="good-item"> <text class="name">数量：</text> <text
													class="value">{{ good.goods_nums }}</text></view>
											<view class="good-item"> <text class="name">总重量(T)：</text> <text
													class="value"> {{ good.total_weight }}</text></view>
											<view class="good-item"> <text class="name">总体积(m³)：</text> <text
													class="value">{{ good.total_volume }}</text></view>
										</view>
									</u-col>
								</u-row> -->
								<u-row gutter="0">
									<u-col span="3">
										<view class="good-item"> <text class="name">货物名称</text></view>
									</u-col>
									<u-col span="2">
										<view class="good-item"> <text class="name">包装</text></view>
									</u-col>
									<u-col span="2">
										<view class="good-item"> <text class="name">数量</text></view>
									</u-col>
									<u-col span="2">
										<view class="good-item"> <text class="name">总(KG)</text></view>
									</u-col>
									<u-col span="2">
										<view class="good-item"> <text class="name">总(方)</text></view>
									</u-col>
								</u-row>
								<u-row gutter="0" v-for="(goodItem ,row) in item.goods" :key="row">
									<u-col span="3">
										<text class="value">{{ goodItem.goods_name }}</text>
									</u-col>
									<u-col span="2">
										<text class="value">{{ goodItem.goods_pack }}</text>
									</u-col>
									<u-col span="2">
										<text class="value">{{ goodItem.goods_nums }}</text>
									</u-col>
									<u-col span="2">
										<text class="value"> {{ goodItem.total_weight }}</text>
									</u-col>
									<u-col span="2">
										<text class="value">{{ goodItem.total_volume }}</text>
									</u-col>
								</u-row>
								<u-row gutter="0">
									<u-col span="6">
										<text class="name">二级发货凭证：{{ getDepartPic2(item) }}</text>
									</u-col>
									<u-col span="6">
										<text class="name">一级到货凭证：{{ getArrivePic1(item) }}</text>
									</u-col>
								</u-row>
								<u-row gutter="0">
									<u-col span="6">
										<text class="name">一级发货凭证：{{ getDepartPic1(item) }}</text>
									</u-col>
									<u-col span="6">
										<text class="name">分拨中心到货凭证：{{ getAllocatePic1(item) }}</text>
									</u-col>
								</u-row>
								<u-row gutter="0">
									<u-col span="6">
										<text class="name">分拨凭证：{{ getAllocatePic2(item) }}</text>
									</u-col>
								</u-row>
								<u-row gutter="0">
									<u-col span="12">
										<text class="name">备注：{{ item.remark }}</text>
									</u-col>
								</u-row>
							</view>
						</view>
						<view class="btns-box"> 
							<view class="pay" @click="carLoading(item)">到货凭证</view>
						</view>
		
					</view>
				</u-card>
			</view>
		</view>
		<loading-cover ref="loadingCover"></loading-cover>
	</view> 
</template>

<script>
	import listitem from './allocation-order-list.js'; 

	export default {
		mixins: [listitem], // 注意此处还需使用MescrollMoreItemMixin (必须写在MescrollMixin后面)
		data() {
			return {

			};
		},
		methods: {

		}
	};
</script>

<style lang="scss">
	@import './allocation-order-list.scss';
</style>